import React ,{useState,useEffect} from 'react'
import instance from "./utils/Request"
import { Tabs } from 'antd';

const { TabPane } = Tabs;
function App() {
  const [data,setData] = useState([])
  useEffect(()=>{
    instance.get("/list").then(res=>{
      console.log(res.data.list);
      setData(res.data.list)
    })
  },[])  
  function callback(key) {
    console.log(key);
  }
  return (
    <div>
      <Tabs defaultActiveKey="1" onChange={callback}>
        <TabPane tab="Tab 1" key="1">
          Content of Tab Pane 1
        </TabPane>
        <TabPane tab="Tab 2" key="2">
          Content of Tab Pane 2
        </TabPane>
        <TabPane tab="Tab 3" key="3">
          Content of Tab Pane 3
        </TabPane>
    </Tabs>
    </div>
  )
}

export default App
